iT邦幫忙

2023 iThome 鐵人賽

DAY 5
0
Modern Web

30天前端學習筆記心得系列 第 5

Day5-Visual Studio Code擴充套件

  • 分享至 

  • xImage
  •  

我來分享Visual Studio Code幾個不錯的擴充套件

Chinese (Traditional) Language Pack for Visual Studio Code

https://ithelp.ithome.com.tw/upload/images/20230920/20163257wucGLSw1zh.png
下載完Visual Studio Code打開是英文版,不過有些功能寫英語卻看不懂,因此在延伸模組找到這個套件,馬上把程式碼編輯器變成繁體中文版,不用擔心功能看不懂,因此能輕輕鬆鬆去使用。

Live Server

https://ithelp.ithome.com.tw/upload/images/20230920/20163257WWmgyFtlGf.png
這是一款不錯的套件,下載完右下角呈現Go Live,當我學習做網頁過程中直接按Go Live就能看到製作的結果,使用起來非常方便。

Prettier - Code formatter

https://ithelp.ithome.com.tw/upload/images/20230920/20163257Rm3avdr9gk.png
我寫程式寫到最後整個程式碼排版非常亂,最後偵測一堆錯誤,後來找到一個這樣的套件,讓雜亂程式碼自動排版,所謂程式碼style,這樣整個程式碼看起來會比較舒服。

Code Runner

https://ithelp.ithome.com.tw/upload/images/20230920/20163257Tp7QY7eiIX.png
我覺得這套件也不錯,任何程式語言快速編寫,並且馬上執行偵測看看程式碼是否錯誤,像我練習寫Javascript存檔完右上角有一個箭頭點進去直接執行,就能知道我所寫得程式結果如何。

圖片來源:自己的Visual Studio Code


上一篇
Day4-程式開發工具
下一篇
Day6-前端三大基礎語法
系列文
30天前端學習筆記心得34
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言